<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
     <div class="container">
      <a class="navbar-brand" href="#">
          <img src="images/logo.jpg" alt="">
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link" href="#">首页<span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">解决方案</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">产品展示</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">客户案例</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">服务中心</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">新闻动态</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">关于我们</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">招贤纳士</a>
          </li>
        </ul>
      </div>
      </div>
    </nav>
    <main>
        <div class="banner">
            <div class="container">
               <div class="row">
                   <div class="col-md-6 text-1">
                        <p><b>全方位解决方案</b></p>
                        <p>为您轻松解决不同问题</p>
                        <p>比客户更懂客户</p>
                   </div>
                   <div class="col-md-6 img-1">
                       <img src="images/banner.jpg" alt="">
                   </div>
               </div>
            </div>
        </div>
        <div class="jiejue">
            <div class="container">
                <div class="fangan">
                    <img src="images/deng.jpg" alt="">
                    <h2>解决方案</h2>
                </div>
                <p class="solu">Solutions</p>
                <div class="row">
                    <div class="col-md-3">
                        <div class="img-2">
                           <img src="images/y1.jpg" alt="">
                        </div>
                        <h2>网站、移动网站</h2>
                        <p>微信公众号开发移动移动网站微信公众号开发</p>
                    </div>
                    <div class="col-md-3">
                        <div class="img-2">
                           <img src="images/y2.jpg" alt="">
                        </div>
                        <h2>网站、移动网站</h2>
                        <p>移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
                    </div>
                    <div class="col-md-3">
                        <div class="img-2">
                           <img src="images/y3.jpg" alt="">
                        </div>
                        <h2>网站、移动网站</h2>
                        <p>移动网站微信公众号开发移动网站微信公众号开发</p>
                    </div>
                    <div class="col-md-3">
                        <div class="img-2">
                           <img src="images/y4.jpg" alt="">
                        </div>
                        <h2>网站、移动网站</h2>
                        <p>网站、移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="Customer">
            <div class="fangan">
                <img src="images/bao.jpg" alt="">
                <h2>客户案例</h2>
            </div>
            <p class="cust">Customer Case</p>
            <div class="row">
                <div class="col-md-3">
                    <img class="w-100" src="images/1.jpg" alt="">
                </div>
                <div class="col-md-3">
                    <img class="w-100" src="images/2.jpg" alt="">
                </div>
                <div class="col-md-3">
                    <img class="w-100" src="images/3.jpg" alt="">
                </div>
                <div class="col-md-3">
                    <img class="w-100" src="images/4.jpg" alt="">
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <img class="w-100" src="images/5.jpg" alt="">
                </div>
                <div class="col-md-3">
                    <img class="w-100" src="images/6.jpg" alt="">
                </div>
                <div class="col-md-3">
                    <img class="w-100" src="images/7.jpg" alt="">
                </div>
                <div class="col-md-3">
                    <img class="w-100" src="images/8.jpg" alt="">
                </div>
            </div>
        </div>
        
        <div class="gengduo">
            <div class="left">
                <p>全方位解决方案，为您轻松解决不同问题</p>
                <p>A full range of solutions for you to solve different problcms</p>
            </div>
            <div class="right">
                <a href="#">查看更多 »</a>
            </div>
        </div>
        <div class="xinwen">
          <div class="container">
            <div class="fangan">
                <img src="images/xinwen.jpg" alt="">
                <h2>新闻动态</h2>
            </div>
            <p class="solu">Hengwang News</p>
            <div class="row">
                <div class="col-md-6">
                    <div class="left">
                        <img src="images/xw1.jpg" alt="">
                    </div>
                    <div class="right">
                        <p class="about">关于召开年会的通知</p>
                        <p class="IT">互联网，又称网际网路或音译因特网、英特网，是网络与网络之间所串联成的庞大网络网络与网络之…</p>
                        <a href="#">查看更多 »</a>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="left">
                        <img src="images/xw2.jpg" alt="">
                    </div>
                    <div class="right">
                        <p class="about">关于召开年会的通知</p>
                        <p class="IT">互联网，又称网际网路或音译因特网、英特网，是网络与网络之间所串联成的庞大网络网络与网络之…</p>
                        <a href="#">查看更多 »</a>
                    </div>
                </div>
            </div>
          </div>
        </div>
        <div class="fuwu">
            <div class="fangan">
                <img src="images/fw.jpg" alt="">
                <h2>服务客户</h2>
            </div>
            <p class="solu">Serve Customers</p>
            <div class="tubiao">
                <div class="container">
                    <div class="row">
                        <div class="col-md">
                            <img src="images/pp1.jpg" alt="">
                        </div>
                        <div class="col-md">
                            <img src="images/pp2.jpg" alt="">
                        </div>
                        <div class="col-md">
                            <img src="images/pp3.jpg" alt="">
                        </div>
                        <div class="col-md">
                            <img src="images/pp4.jpg" alt="">
                        </div>
                        <div class="col-md">
                            <img src="images/pp5.jpg" alt="">
                        </div>
                        <div class="col-md">
                            <img src="images/pp1.jpg" alt="">
                        </div>
                        <div class="col-md">
                            <img src="images/pp2.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </main>
    <footer>
       <div class="container">
           <div class="row">
               <div class="col-md-4 left">
                   <h4 class="xianli">联系我们</h4>
                   <ul>
                      <li><a href="">地址：武汉市洪山区街道口鹏程国际B座2511</a></li>
                      <li><a href="">电话：18238765101</a></li>
                      <li><a href="">传真：（123）456-7890</a></li>
                      <li><a href="">邮箱：support@vectorlab.com</a></li>
                      <li><a href=""><img class="active" src="images/dianhua.jpg" alt=""><b>027-82671661</b></a></li>
                   </ul>
               </div>
               <div class="col-md-4 right">
                   <h4 class="xiangguan">相关链接</h4>
                    <ul>
                        <li><a href="">解决方案</a></li>
                        <li><a href="">产品展示</a></li>
                        <li><a href="">客户案例</a></li>
                    </ul>
                    <ul>
                        <li><a href="">服务中心</a></li>
                        <li><a href="">关于我们</a></li>
                        <li><a href="">招贤纳士</a></li>
                    </ul>
               </div>
               <div class="col-md-4"></div>
           </div>
       </div>
    </footer>
    
    
    
    
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
</body>
</html>